<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>

<div class="container">
    <img style="float:left;" height="100" width="100" src="<%=request.getContextPath()%>/img/whoisbetter.jpg"/>
    <h1 style="float:left; border-top: 10px; vertical-align: central">Mis Torneos</h1>
    <div style="float:right;margin-bottom: 10px;">
        <a href="<c:url value='/pages/torneos/CrearTorneo'/>" class="btn btn-primary">Nuevo Torneo</a>        
    </div>
    <div class="clear"></div>
    <div class="buscar-form">
        <form:form action="buscar" method="post" commandName="criterioBusqueda" >
            <table style=" float: right;"cellpadding="0" cellspacing="0" border="0">
                <tr>
                    <td  style="vertical-align: baseline"><a>Buscar:  </a></td>
                    <td >
                        <form:input path="nombre" size="10"/>
                    </td>
                    <td style="vertical-align:baseline">
                        <input type="submit" value="Buscar" class="btn btn-primary"/>
                    </td>
                </tr>
            </table>
        </form:form>
        <label style="color:limegreen" >${mensajeOk}</label>
        <label style="color:red" >${mensajeError}</label>
    </div>        
    <br/>
    <div style="height:240px;width:1200px;font:16px/26px Georgia, Garamond, Serif;overflow:auto;">
        <table class="table table-bordered table-striped">
            <tr>
                <th style="text-align: center">Torneo</th>
                <th style="text-align: center;width: 40px">Tipo</th>
                <th style="text-align: center;width: 30px">Part.</th>
                <th style="text-align: center;width: 30px">Cont.</th>
                <th style="text-align: center;width: 180px">Fe. Inicio</th>
                <th style="text-align: center;width: 180px">Fe. Fin</th>
                <th style="text-align: center;width: 180px">Enlace</th>
                <th style="width: 30px; background-color: #d9edf7; text-align: center">Ed.</th>
                <th style="width: 30px; background-color: #d9edf7; text-align: center">El.</th>
            </tr>

            <c:forEach var="torneo" items="${torneos}">
                <tr>
                    <td style="text-align: center"><a href="<c:url value='/pages/contendores/ConsultarContendores?nombreTorneo=${torneo.nombre}'/>">${torneo.nombre}</a></td>
                    <td style="text-align: center"><%
                        String img = "Texto";
                        if (("${torneo.flgModoGrafico}").length()==4) {
                            img = "Imagen";
                        }%><%=img%> </td>
                    <td style="text-align: center">${torneo.numParticipantes}</td>
                    <td style="text-align: center">${torneo.numContendores}</td>
                    <td style="text-align: center">${torneo.fechaInicio}</td>
                    <td style="text-align: center">${torneo.fechaFin}</td>
                    <td style="text-align: center">${torneo.enlace}</td>
                    <td style="text-align: center"><a href="<c:url value='/pages/torneos/ModificarTorneo?nombreTorneo=${torneo.nombre}'/>"><img src="/whoisbetter/img/editar.png" height="24" width="24"/></a></td>
                    <td style="text-align: center"><a href="<c:url value='/pages/torneos/EliminarTorneo?nombreTorneo=${torneo.nombre}'/>" onclick="if (deleteUsuario()) { return true; } else { return false; }"><img src="/whoisbetter/img/eliminar.png" height="24" width="24"/></a></td>
                </tr>
            </c:forEach>
        </table>
    </div>
</div> <!-- /pagination -->

